﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <link rel="stylesheet" href="Content/bootstrap.css" />
    <link rel="stylesheet" href="Content/font-awesome.css" />
    <link rel="stylesheet" href="layer/skin/default/layer.css" />
    <link rel="stylesheet" href="Content/trml-myAlert.css" />
</head>
<body>
    <div class="container" style="margin-top: 20px;">
        <input type="button" class="btn btn-primary btn-test1" value="测试1" />
    </div>
    <script src="Scripts/jquery-3.1.1.js"></script>
    <script src="Scripts/bootstrap.js"></script>
    <script src="layer/layer.js"></script>
    <script src="Scripts/trml-myAlert-jq.js"></script>
    <script>
        $(".btn-test1").click(function () {
            var tstAlert = new myAlert({
                uniqueId: "gushihao",
                okBtnFunction: function () {
                    alert("哈哈");
                    closeWork(tstAlert);
                },
                autoCloseTimer: 10000,
                autoCloseFunction: function () {
                    alert("我要自动关闭了！");
                    closeWork(tstAlert);
                },
                closeBtnFunction: function () {
                    alert("你点击了关闭按钮");
                    closeWork(tstAlert);
                }
            });
            tstAlert.show();
        });
    </script>
</body>
</html>